<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="./include/tag.jsp" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <title>同行者-社群系统</title>
    <%@include file="./include/commonFile.jsp" %>
    <link rel="stylesheet" href="${ctx}/css/ui/community.css"/>
    <link rel="stylesheet" href="${ctx}/css/libs/animate.css"/>
    <link rel="stylesheet" href="${ctx}/static/jquery.flexslider/flexslider.css"/>
</head>
<body style="min-width: 1200px;">
<%@include file="./include/header1.jsp" %>
<!--滚动-->
<div class="m-banner">
    <div class="banner-bg">
    </div>
    <div class="flexslider">
        <ul class="slides">
            <%--<c:forEach var="advertise" items="${index.advertises}">--%>
            <%--<li class="slide-item" data-url="${advertise.pic}">--%>
            <%--<img src="${advertise.pic}" alt="">--%>
            <%--</li>--%>
            <%--</c:forEach>--%>
            <li class="slide-item" data-url="${ctx}/image/community/banner.jpg" style="height: 480px;">
                <img src="${ctx}/image/community/banner2.jpg" style="height: 100%" alt="">
                <div style="width: 1000px;height: 480px;position: absolute; top: 0px;left: 50%; transform: translateX(-50%)">
                    <img src="${ctx}/image/community/banner1.jpg" alt="" style="padding-top: 50px;">
                    <div class="com-btn">
                        <c:if test="${!sessionScope.newCurrentUser.child}">
                            <div class="btn" id="buyBtn">立即购买</div>
                        </c:if>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<%@include file="./include/banner.jsp" %>
<div class=" wow fadeIn">
    <div style="width: 100%; height: 0px; box-shadow: 0 0 10px 1px #ccc; margin-bottom: 10px;position: absolute"></div>
    <div class="g-box ctn-mn">
        <div class="m-ct-hd">
            <div class="hd-inner">
                <h1 class="hd-tt">强大的社群技术管理平台</h1>
                <div><i></i><img src="${ctx}/image/favicon.ico" alt=""><i></i></div>
                <p class="hd-sub-tt">提供标准化、规范化、智能化、数据化，可复制的社群运营管理工具，共同挖掘社群红利</p>
            </div>
        </div>
        <div class="f1 pt60">
            <ul>
                <li>
                    <div>
                        <img src="${ctx}/image/community/icon/icon1.png" alt="">
                        <h2>社群系统介绍</h2>
                    </div>
                    <h2>社群系统介绍</h2>
                    <p>基于精细化社群运营的强大的技术赋能平台，社群信息化管理+ 大数据分析+ 交易系统，提升社群管理效能，强化社群成员粘度。强大的圈子系统把所有的会员汇聚在一个盘子里，建立社群生态圈，全面满足各行业商业社交场景需求。</p>
                </li>
                <li>
                    <div>
                        <img src="${ctx}/image/community/icon/icon2.png" alt="">
                        <h2>社群系统优势</h2>
                    </div>
                    <h2>社群系统优势</h2>
                    <p>六大端口，全面打通“互联网+社群”模式，专注于打造特定人群圈子话题、圈子互动的社交应用，可以节省营销和推广费用，帮助企业或个人通过社群获取资源和服务，大家交换彼此的需求和供应，促成合作。</p>
                </li>
                <li>
                    <div>
                        <img src="${ctx}/image/community/icon/icon3.png" alt="">
                        <h2>强大的跨平台技术支持</h2>
                    </div>
                    <h2>强大的跨平台技术支持</h2>
                    <p>利用一站式社群技术管理平台+专业户外资源+高粘性的运作模式，通过6个端口（机构微网站、机构端APP机构PC端 、微信公众号 、小程序，大数据发布平台），所有端口之间的实时数据连接，打造高效的商圈服务体系，实现商圈管理的智能化、标准化、规范化。</p>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="g-box ctn-mn wow fadeIn">
    <div class="m-ct-hd pt0">
        <div class="hd-inner">
            <h1 class="hd-tt">社群系统功能</h1>
            <div><i></i><img src="${ctx}/image/favicon.ico" alt=""><i></i></div>
        </div>
    </div>
    <div class="f2 pt60">
        <ul>
            <li>
                <p>社群管理</p>
                <div>圈子管理</div>
                <div>会员管理</div>
                <div>数据分析</div>
                <div>消息管理</div>
            </li>
            <li>
                <p>社群链接</p>
                <div>活动管理</div>
                <div>运动打卡</div>
                <div>自定义信息收集</div>
                <div>社群动态</div>
            </li>
            <li>
                <p>社群推广</p>
                <div>手机官网</div>
                <div>行者相册</div>
                <div>图片管理</div>
                <div>二维码生成</div>
            </li>
        </ul>
    </div>
</div>
<div class="g-box ctn-mn wow fadeIn bg-red">
    <img src="${ctx}/image/community/system/p0.jpg" class="matchImg" alt="">
</div>
<div class="g-box ctn-mn wow fadeIn bg-red">
    <img src="${ctx}/image/community/system/p1.jpg" class="matchImg" alt="">
</div>
<div class="g-box ctn-mn wow fadeIn bg-red">
    <img src="${ctx}/image/community/system/p2.jpg" class="matchImg" alt="">
</div>
<div class="g-box ctn-mn wow fadeIn bg-red">
    <img src="${ctx}/image/community/system/p3.jpg" class="matchImg" alt="">
</div>
<div class="g-box ctn-mn wow fadeIn bg-red">
    <img src="${ctx}/image/community/system/p4.jpg" class="matchImg" alt="">
</div>
<div class="g-box ctn-mn wow fadeIn bg-red">
    <img src="${ctx}/image/community/system/p5.jpg" class="matchImg" alt="">
</div>
<div class="g-box ctn-mn wow fadeIn bg-red">
    <img src="${ctx}/image/community/partner.jpg" class="matchImg" alt="">
</div>
<%@include file="./include/footer1.jsp" %>
<script type="text/javascript" src="${ctx}/static/wow/wow.min.js"></script>

<script>
    var headNavIdx = 2

    wow = new WOW(
        {
            animateClass: 'animated',
            offset: 100,
            callback: function (box) {
                console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
            }
        }
    );
    wow.init();
    $('#buyBtn').click(function () {
        window.location.href='${ctx}/about/buyService.do?type=1'
    })
</script>
</body>
</html>